// 
//   Magic-Stylez - Colors
// 
//   if you like to change values, remove the '!default' flag!
// 
// 
//== Colors
//
// -------------------------
// Gray colors
// -------------------------
$black:                  #1c1c1c !default;
$gray-darker:            lighten(#000, 13.5%) !default; // #222
$gray-dark:              lighten(#000, 20%) !default;   // #333
$gray:                   lighten(#000, 33.5%) !default; // #555
$gray-light:             lighten(#000, 60%) !default;   // #999
$gray-lighter:           lighten(#000, 93.5%) !default; // #eee
$gray-soft:              #f0f0f0 !default;
$gray-softer:            #f9f9f9 !default;
$white:                  #ffffff !default;
// -------------------------
// Accent colors
// -------------------------
$blue-soft:             #9dcfe1 !default;
$blue-lighter:          #d8e7ec !default;
$blue-light:            #0099cc !default;
$blue:                  #006699 !default;
$blue-dark:             darken($blue, 15%) !default;
$green:                 #006600 !default;
$red:                   #9d261d !default;
$red-dark:              darkred !default;
$yellow:                #ffc40d !default;
$orange:                #ff6600 !default;
$pink:                  #c3325f !default;
$purple:                #7a43b6 !default;
$violett:               #ac4d83 !default;
// -------------------------
// Brand colors
// -------------------------
$brand-color:           #a0c775 !default;
$brand-primary:         #336699 !default;   // twbs-default: #428bca
$brand-success:         #006600 !default;   // twbs-default: #5cb85c
$brand-info:            #0099cc !default;   // twbs-default: #5bc0de
$brand-warning:         #f0ad4e !default;   // twbs-default: #f0ad4e
$brand-danger:          #d9534f !default;   // twbs-default: #d9534f
// -------------------------
// Custom colors
// -------------------------
$brand-one:             #e42b3e;
$brand-two:             #aee41c;
$brand-three:           #e4a032;



// -------------------------
// Global Background colors.
// -------------------------
$main-bg:               darken(#fff, 5%) !default; // result: #f2f2f2
$body-bg:               $main-bg; //** Background color for `<body>`
$dark-bg:               #e5e5e5 !default;
$soft-bg:               #f8f8f8 !default;
$blue-bg:               $blue-soft !default;
$brand-bg:              $brand-color !default;
$bright-bg:             $white !default;

$brand-one-bg:          $brand-one !default;
$brand-two-bg:          $brand-two !default;
$brand-three-bg:        $brand-three !default;


// -------------------------
// Global Border color
// -------------------------
$main-border-color:     #ccc !default;


// -------------------------
// Global Text colors
// -------------------------
//** Global text color on `<body>`.
$text-color:            $gray-dark !default;
//** Global textual link color.
$link-color:            $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color:      darken($link-color, 15%) !default;

$headings-color:        inherit !default;




//== Components

//** Global color for active items (e.g., navs or dropdowns).
$component-active-color:    #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg:       $brand-primary !default;



// -------------------------
// Buttons
// -------------------------
$btn-default-color:              #333 !default;
$btn-default-bg:                 #fff !default;
$btn-default-border:             #ccc !default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
$btn-primary-border:             darken($btn-primary-bg, 5%) !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             darken($btn-success-bg, 5%) !default;

$btn-info-color:                 #fff !default;
$btn-info-bg:                    $brand-info !default;
$btn-info-border:                darken($btn-info-bg, 5%) !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             darken($btn-warning-bg, 5%) !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              darken($btn-danger-bg, 5%) !default;

$btn-link-disabled-color:        $gray-light !default;

$btn-brand-color:                #fff !default;
$btn-brand-bg:                   $brand-color !default;
$btn-brand-border:               darken($btn-brand-bg, 5%) !default;

// Custom - Buttons
$btn-one-color:                  #fff !default;
$btn-one-bg:                     $brand-one !default;
$btn-one-border:                 darken($btn-one-bg, 5%) !default;

$btn-two-color:                  #fff !default;
$btn-two-bg:                     $brand-two !default;
$btn-two-border:                 darken($btn-two-bg, 5%) !default;

$btn-three-color:                #fff !default;
$btn-three-bg:                   $brand-three !default;
$btn-three-border:               darken($btn-three-bg, 5%) !default;



// -------------------------
// Social Buttons
// -------------------------
// Flat Colors
$btn-facebook-color:              #fff !default;
$btn-facebook-bg:                 #3b5998 !default;
$btn-facebook-border:             darken($btn-facebook-bg, 5%) !default;

$btn-google-color:                #fff !default;
$btn-google-bg:                   #dd4b39 !default;
$btn-google-border:               darken($btn-google-bg, 5%) !default;

$btn-paypal-color:                #fff !default;
$btn-paypal-bg:                   #1784cb !default; // was #12398c
$btn-paypal-border:               darken($btn-paypal-bg, 5%) !default;

$btn-twitter-color:               #fff !default;
$btn-twitter-bg:                  #00aced !default;
$btn-twitter-border:              darken($btn-twitter-bg, 5%) !default;


// Gradient Colors
$facebook-gradient-top:           lighten($btn-facebook-bg, 7%);
$facebook-gradient-bottom:        darken($btn-facebook-bg, 7%);
$google-gradient-top:             lighten($btn-google-bg, 7%);
$google-gradient-bottom:          darken($btn-google-bg, 7%);
$twitter-gradient-top:            lighten($btn-twitter-bg, 7%);
$twitter-gradient-bottom:         darken($btn-twitter-bg, 7%);
$paypal-gradient-top:             #52b9f4;
$paypal-gradient-bottom:          darken(#1784cb, 5%);




//== Forms
//
//##

//** `<input>` background color
$input-bg:                       #fff !default;
//** `<input disabled>` background color
$input-bg-disabled:              $gray-lighter !default;

//** Text color for `<input>`s
$input-color:                    $gray !default;
//** `<input>` border color
$input-border:                   #ccc !default;
//** Border color for inputs on focus
$input-border-focus:             #66afe9 !default;

//** Placeholder text color
$input-color-placeholder:        $gray-light !default;

$legend-color:                   $gray-dark !default;
$legend-border-color:            #e5e5e5 !default;

//** Background color for textual input addons
$input-group-addon-bg:           $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;


//== Tables
//
//** Default background color used for all tables.
$table-bg:                      transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent:               #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;

//** Border color for table and cell borders.
$table-border-color:            #ddd !default;


//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
$dropdown-bg:                    #fff !default;
//** Dropdown menu `border-color`.
$dropdown-border:                rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border:       #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg:            #e5e5e5 !default;

//** Dropdown link text color.
$dropdown-link-color:            $gray-dark !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg:         #f5f5f5 !default;

//** Active dropdown menu item text color.
$dropdown-link-active-color:     $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg:        $component-active-bg !default;

//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color:   $gray-light !default;

//** Text color for headers within dropdown menus.
$dropdown-header-color:          $gray-light !default;

//** Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color:           #000 !default;



//== Navbar
//
//##
$navbar-default-color:             #777 !default;
$navbar-default-bg:                #f8f8f8 !default;
$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;

// Navbar links
$navbar-default-link-color:                #777 !default;
$navbar-default-link-hover-color:          #333 !default;
$navbar-default-link-hover-bg:             transparent !default;
$navbar-default-link-active-color:         #555 !default;
$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
$navbar-default-link-disabled-color:       #ccc !default;
$navbar-default-link-disabled-bg:          transparent !default;

// Navbar brand label
$navbar-default-brand-color:               $navbar-default-link-color !default;
$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
$navbar-default-brand-hover-bg:            transparent !default;

// Navbar toggle
$navbar-default-toggle-hover-bg:           #ddd !default;
$navbar-default-toggle-icon-bar-bg:        #888 !default;
$navbar-default-toggle-border-color:       #ddd !default;


// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color:                      $gray-light !default;
$navbar-inverse-bg:                         #222 !default;
$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;

// Inverted navbar links
$navbar-inverse-link-color:                 $gray-light !default;
$navbar-inverse-link-hover-color:           #fff !default;
$navbar-inverse-link-hover-bg:              transparent !default;
$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
$navbar-inverse-link-disabled-color:        #444 !default;
$navbar-inverse-link-disabled-bg:           transparent !default;

// Inverted navbar brand label
$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
$navbar-inverse-brand-hover-color:          #fff !default;
$navbar-inverse-brand-hover-bg:             transparent !default;

// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg:            #333 !default;
$navbar-inverse-toggle-icon-bar-bg:         #fff !default;
$navbar-inverse-toggle-border-color:        #333 !default;



